import Vue from 'vue'
/**全局过滤器的定义 */
Vue.filter('capitalize',function(arg){
    return arg.slice(0,1).toUpperCase()+arg.slice(1)
})
/**
 * 全局自定义指令定义 
 * Vue.directive(参数1,参数2)
 * 参数1：自定义指令的名称，页面调用的时候，v-focus
 * 参数2：配置对象，常用的属性
 * 钩子函数：到了相应的时机会自动调用的称为钩子函数
 * bind：只调用一次，当你在元素绑定的时候被调用
 * inserted:当该元素插入到父元素的时候会被调用
 * update：更新的时候会被调用
 * 钩子函数的参数:
 * 参数1：el
 * 参数2：bingdings
*/
// Vue.directive('focus',{
//     inserted(el,bidings){
//         el.focus()
//     }
// })

Vue.directive('lazy',{
    bind(el){
       //将图片地址暂存到一个变量中
       const imgPath=el.src
       //将DOM元素中的src图片清空
       el.src=""
       const isobserver=new IntersectionObserver(([{isIntersecting}])=>{
            if(isIntersecting){
               setTimeout(() => {
                el.src=imgPath
               }, 3000);
                //停止监听
                isobserver.unobserve(el)
            }
       })
       isobserver.observe(el)
    }
})